<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Store</title>
<link type="text/css" rel="stylesheet" href="css/default.css" />

<script src="jquery-mobile/jquery-1.7.1/jquery.min.js"></script>
<script src="jquery-mobile/jquery.url.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"
	type="text/javascript"></script>
<script type="text/javascript" src="js/modernizr-2.0.6/modernizr.min.js"></script>
<script type="text/javascript" src="ui/jquery.ui.map.js"></script>
<script type="text/javascript" src="ui/jquery.ui.map.overlays.js"></script>
<script>
	$(document).ready(function() {
		var page = ($().url().param('page')) + ".html";
		var param = $().url().param();
		$.ajax({
			type : "POST",
			data : param,
			url : page,
			dataType : "html",
			async : false,
			success : function(date) {
				$("#container").html(date);
				if (page == "maps.html") {
					alert("store="+param['store']);
					$('#map_canvas').gmap({
						'center' : '24.30,121.03',
						'zoom' : 15,
						'disableDefaultUI' : true,
						'callback' : function() {
							var self = this;
							self.addMarker({
								'position' : this.get('map').getCenter(),
								'animation' : google.maps.Animation.DROP,
								'icon' : new google.maps.MarkerImage("images/7-11.jpg",new google.maps.Size(32, 37)),
								
							}).click(function() {
								self.openInfoWindow({
									'content' : 'Hello World!'
								}, this);
							});
						}
					});

				}
			}
		});
	});
</script>
</head>

<body>
	<div id="time">
		<img src="images/time.jpg" width="960" height="29" />
		<div id="apDiv28">Beta 1.0</div>
	</div>
	<div id="title">
		<div id="apDiv5">
			<img src="images/camera.png" width="48" height="35" />
		</div>
	</div>
	<div id="options">
		<img src="images/M_store1.JPG" width="240" height="140" /><img
			src="images/M_bonus.jpg" width="240" height="140" /><img
			src="images/M_favorite.jpg" width="240" height="140" /><img
			src="images/M_record.jpg" width="240" height="140" />
	</div>
	<div id="detail">
		<div id="apDiv2">
			<div id="apDiv11">
				<img src="images/search.png" width="28" height="28" />
			</div>
			<div id="apDiv10">
				<img src="images/bar_q.jpg" width="624" height="26" />
			</div>
			<img src="images/bar_q1.png" width="721" height="42" />
		</div>
		<img src="images/bar.jpg" width="960" height="69" />
		<div id="apDiv13">
			飲食 &nbsp; │ &nbsp;&nbsp;用餐&nbsp;&nbsp; │ &nbsp;購物
			&nbsp;&nbsp;│&nbsp;&nbsp; 咖啡&nbsp;&nbsp; │&nbsp;&nbsp; 禮物&nbsp;&nbsp;
			│&nbsp;&nbsp; <a href="default.html?page=maps&store=111">附近店家</a>
		</div>
		<div id="apDiv3">
			<img src="images/bar_list.png" width="239" height="42" />
		</div>
	</div>
	<div id="container"></div>
	<div id="foot">
		<img src="images/bar_foot.jpg" width="670" height="30" /><img
			src="images/foot_cam.jpg" width="145" height="30" alt="" /><img
			src="images/foot_set.jpg" width="145" height="30" />
		<div id="apDiv27">
			<img src="images/icon_back.png" width="147" height="30" />
		</div>
	</div>
</body>
</html>
